<html>

<head>
    <link rel="stylesheet" href="4.css">
    <meta charset="UTF-8">
</head>

<body>
    <div class="navbar">
        <div class="titleleft">
            <a href="4.html" class="titlelink">开课吧首页</a>
            <a href="#" class="titlelink">创业微学院</a>
            <a href="#" class="titlelink">摄影微学院</a>
            <a href="#" class="titlelink">微聚</a>
            <a href="#" class="titlelink">论坛</a>
        </div>
        <div class="titleright">
            <a href="#" class="titlelink">登录|注册</a>
            <a href="#" class="titlelink">播放记录</a>
            <a href="#" class="titlelink">app下载</a>
        </div>
    </div>



    <div class="navbar2">
        <div class="titleleft">
            <a href="main.html" target="_self" class="titlelink2"><span style="font-size: 25px;">摄影</span>开课吧</a>
            <a href="user.html" target="_self"  class="titlelink2">个人中心</a>
            <a href="video.html" target="_self"  class="titlelink2">视频播放</a>
        </div>
        <div class="titleright">
            <img src="">
            <img src="">
            <img src="">
        </div>
    </div>

    <div class="base">
        <div class="imgleft">
            <img class="img" src="C:\Users\dante\Pictures\Screenshots\2_2025-09-02_223342_278.png">
        </div>
        <div class="form">
            <form>
                <div>
                    使用手机号码注册
                </div>
                <input class="input" type="text" placeholder="昵称" style="margin-top: 10px;"><br>
                <input class="input" type="number" placeholder="请输入您的手机号码"><br>
                <div>
                    <input class="input" type="text" placeholder="短信验证码" style="width: 170px;">
                    <span class="tips">请输入验证码</span>
                    <div class="error">请输入正确的验证码</div>
                    <input class="input" type="password" placeholder="密码"><br>
                    <input class="input" type="password" placeholder="确认密码"><br>
                    <button class="login">登录</button><br>
                    <div class="tips" style="color: gray;">已有账号？<a class="tips">马上登录</a></div>
                </div>
            </form>
        </div>
    </div>

    <div class="bottom">
        版权所有aaa
    </div>

</body>

</html>